<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="4.css"/>
</head>
<body>
<div class="box">
    <!--登录头部开始-->
    <div class="top clearfix">
        <div class="logo fl">
            <img src="https://misc.360buyimg.com/lib/img/e/logo-201305-b.png"/>
            <img class="tu2" src="https://misc.360buyimg.com/user/passport/1.0.0/css/i/l-icon.png"/>
        </div>
        <div class="wen fr">
            <a href="#">登录页面，调查问卷</a>
        </div>
    </div>
    <!--登录头部结束-->
    <!--登录提示开始-->
    <div class="tishi">
        <p><span class="A"></span>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版<span class="B">《京东隐私政策》</span>已上线，将更有利于保护您的个人隐私</p>
    </div>
    <!--登录提示结束-->
    <!--登录主体开始-->
    <div class="banner">
        <div class="denglukuang fr clearfix">
            <div class="xts">
                京东不会以任何理由要求您转账汇款，谨防诈骗。</div>
            <div class="liadl clearfix">
                <div class="dl fl">扫码登陆</div>
                <div class="dl fr">账户登录</div>
            </div>
            <from>
                <div class="yhm "><input type="text" placeholder="邮箱/用户名/已验证手机" /></div>
                <div class="mm"><input type="password" placeholder="密码"/></div>
                <div class="wj fr"><a href="#"/>忘记密码</a></div>
                <div class="dlan"><input type="button" value="登 录"/></div>
                <div class="sange clearfix">
                    <div class="dsf">
                        <a class="qq fl" href="#"><span></span>QQ</a><span class="shu fl">|</span>
                        <a class="wx fl" href="#"><span></span>微信</a>
                    </div>
                    <div class="ljzc fr">
                        <a href="#">立即注册</a>
                    </div>
                </div>
            </from>
        </div>
    </div>
    <!--登录主体结束-->
    <!--登录尾部开始-->
    <div class="bot">
        <a href="#">关于我们</a><span>|</span>
        <a href="#">联系我们</a><span>|</span>
        <a href="#">人才招聘</a><span>|</span>
        <a href="#">商家入驻</a><span>|</span>
        <a href="#">广告服务</a><span>|</span>
        <a href="#">手机京东</a><span>|</span>
        <a href="#">友情链接</a><span>|</span>
        <a href="#">销售联盟</a><span>|</span>
        <a href="#">京东社区</a><span>|</span>
        <a href="#">京东公益</a><span>|</span>
        <a href="#">English Site</a>
        <p>Copyright&copy2004-2018 京东JD.com 版权所有</p>
    </div>
    <!--登录尾部结束-->
</div>
</body>
</html>
